@use '@angular/material' as mat;

// Mixin to apply theme colors for generated API docs.
@mixin theme($theme) {
  .docs-api-method-name-cell,
  .docs-api-method-returns-type,
  .docs-api-method-parameter-type,
  .docs-api a {
    color: mat.get-theme-color($theme, primary);
  }

  .docs-api-modifier-method-marker {
    background-color: mat.get-theme-color($theme, primary-container);
    color: mat.get-theme-color($theme, on-primary-container);
  }

  // Force the top-level API docs header to be hidden, since this is already
  // captured in the top nav-bar.
  .docs-api-h1 {
    display: none !important;
  }

  // Prevent p tags from not breaking, causing x axis overflows.
  .docs-api > p {
    word-break: break-word;
  }

  .docs-api-class-name,
  .docs-api-module-import,
  .docs-api-class-selector-name,
  .docs-api-class-export-name {
    background: rgba(mat.get-theme-color($theme, primary-container), 0.25);
  }
}
